<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >
<title>管理</title>
<script src="js/flexible.debug.js"></script>
<link href="css/administrate.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./css/bg.css">
</head>
<body>
	<header>
		<img class="LOGO" src="img/LOGO.png" alt="vtmer">
    	<a href="index.html" class="BTN-HOME"><img src="img/BTN-HOME.png" alt="hmoe"/></a>
    </header>
    <div id="bgContent">
        <div id="haxagons"></div>
    </div>
    <nav>
    	<a href="#" class="upLoad" >上传作品</a>
    	<p>欢迎回家，VTMER!</p>
    </nav>
	<main>
		<!-- <div class="Show1 Show">
			<img src=".././F.img/show1.png" alt="show1">
			<p class="ShowText">
				<span>作品的标题长长的标题</span><br/>
				<a href="#" class="editBtn"></a>
				<a href="#" class="deleteBtn"></a>
			</p>	
		</div> -->
		
	</main>
	<div class="Mask">
		<div class="popUp">
			<span class="glyphicon glyphicon-remove"></span>
			<p>是否删除该作品</p>
			<p>"这是长长的标题大概这么长"</p>
			<div class="popUpBtn">
				<a href="#" class="popUpDelete">删除</a>
				<a href="#" class="popUpCancel">取消</a>
			</div>
		</div> 
	</div>
	<div class="BgContain">
	    <ul class="scene" id="S1" data-scalar-x="38" data-scalar-y="38">
	        <li class="layer" data-depth="0.60" id='bg1'><img src="img/bg1.png"></li>
	    </ul>
	    <ul class="scene" id="S2" data-scalar-x="38" data-scalar-y="38">
	        <li class="layer" data-depth="0.60" id='bg2'><img src="img/bg2.png"></li>
	    </ul>
	    <ul class="scene" id="S3" data-scalar-x="38" data-scalar-y="38">
	        <li class="layer" data-depth="0.40" id='bg3'><img src="img/bg3.png"></li>
	    </ul>
	    <ul class="scene" id="S4" data-scalar-x="38" data-scalar-y="38">
	        <li class="layer" data-depth="0.60" id='bg4'><img src="img/bg4.png"></li>
	    </ul>
	    <ul class="scene" id="S5" data-scalar-x="38" data-scalar-y="38">
	        <li class="layer" data-depth="0.80" id='bg5'><img src="img/bg5.png"></li>
	    </ul>
	    <ul class="scene" id="S6" data-scalar-x="38" data-scalar-y="38">
	        <li class="layer" data-depth="1.00" id='bg6'><img src="img/bg6.png"></li>
	    </ul>
	    <ul class="scene" id="S7" data-scalar-x="28" data-scalar-y="28">
	         <li class="layer" data-depth="1.00" id='bg7'><img src="img/bg7.png"></li>
	    </ul>
	    <ul class="scene" id="S8" data-scalar-x="28" data-scalar-y="28">
	        <li class="layer" data-depth="0.60" id='bg4'><img src="img/bg4.png"></li>
	    </ul>
	    <ul class="scene" id="S9" data-scalar-x="28" data-scalar-y="28">
	        <li class="layer" data-depth="0.80" id='bg5'><img src="img/bg5.png"></li>
	    </ul>
	    <ul class="scene" id="S10" data-scalar-x="28" data-scalar-y="28">
	        <li class="layer" data-depth="1.00" id='bg6'><img src="img/bg1.png"></li>
	    </ul>
	</div> 
	
	<script type="text/javascript" src='js/JQ/JQ1.9.1.js'></script>
	<script type="text/javascript" src='js/JQ/JQM1.4.5.js'></script>
	<script type="text/javascript" src='js/administrate/administrate.js'></script>
	<script src='./js/jquery.parallax.min.js'></script> 
	<script type="text/javascript">
		$('.scene').parallax(); 
	</script>

</body>

